<template>
  <div class="">
    <!-- 电脑端banner -->
    <div class="pCBanner hidden-xs">
      <img src="../assets/images/pbanner@2x.png">

      <div class="tuandetial">
        <div class="container">
          <div class="AuctionCom">
            <div class="tuandetialRight">
              <img src="../assets/images/logo@2x.png" alt="">

            </div>
            <div class="Auctionright">
              <div class="AuctionrightTop">
                <p>老白藏品【石家庄收藏市场】</p>
                <p>
                  <img src="../assets/images/icon5@2x.png">
                  156878
                </p>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 电脑端banner结束 -->

    <!-- 手机端banner -->
    <div class="pCBanner visible-xs-block">
      <img src="../assets/images/pbanner@2x.png">

      <div class="tuandetial">
        <div class="container">
          <div class="AuctionCom">
            <div class="tuandetialRight">
              <img src="../assets/images/logo@2x.png" alt="">
            </div>
            <div class="Auctionright">
              <div class="AuctionrightTop">
                <p>老白藏品【石家庄收藏市场】</p>
                <p>
                  <img src="../assets/images/icon5@2x.png">
                  156878
                </p>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 手机端banner结束 -->

    <!-- 自由拍详情内容开始 -->
    <div class="Acutiondetail">
      <div class="container">
        <div class="AcutiondetailTop">
          <p>本场拍卖收取买家佣金，每件最少20元，费率3.0本场拍卖收取买家佣金，每件最少20元，费率3.00%本场拍卖收取买家佣金，每件最少20元，费率3.00%本场拍卖收取买家佣金，每件最少20元，费
            本场拍卖收取买家佣金，每件最少20元，费率3.00%本场拍卖收取买家佣金，每件最少20元，费率3.00%本场拍卖收取买家佣金，每件最少20元，费率3.00%率3.00%</p>
        </div>

        <div class="AcutiondetailCom">
          <div class="AcutiondetailComc">
            <img src="static/手机版/1shouye/banner@3x.png">
          </div>
          <div class="AcutiondetailComc">
            <img src="static/手机版/1shouye/bg@3x.png">
          </div>
        </div>
        <div class="AcutiondetailCLO">
          <span>分类：PMG四版币</span>
          <span>预设截拍：2021-12-11</span>
          <span>包邮：0.00元</span>
          <span><img src="../assets/images/fenxaing.png">转发</span>
          <span><img src="../assets/images/f2@2x (1).png">分享</span>
          <span><img src="../assets/images/j3@2x (1).png">举报</span>
          <span><img src="../assets/images/icon4@2x.png">规则</span>
          <span class="Kred"><img src="../assets/images/icon5@2x.png">15</span>
          <span class="Kred"><img src="../assets/images/z100@2x (1).png">22</span>
        </div>
        <!-- 倒计时 -->
        <div class="Alinsite">
          <div class="Alinsitespan">
            <span class="Kred"><img src="../assets/images/icon7@2x.png">截拍提醒</span>
          </div>
          <div id="show">
          </div>
        </div>

        <div class="Chubutton">
          出价
        </div>
        <div class="AcutiondetailMOr">
          <p><span>起</span>￥1452.00</p>
          <p><span>加</span>￥1452.00</p>
          <p><span>延</span>￥1452.00</p>
          <p><span>封顶价</span>￥1452.00</p>
          <p><span>参考价</span>￥1452.00</p>
          <p><span>无保留价</span>￥1452.00</p>
        </div>
        <div class="AcutiondetailCLO">
          <span><img src="../assets/images/icon8@2x.png">刷新</span>
        </div>
      </div>
    </div>

    <div class="AcutionconDetial">
      <div class="AcutionconDetialTop">
        <img src="../assets/images/pbiaoti@2x.png">
      </div>
      <div class="AcutionconDetialCom">
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon9@2x.png">
          <b>参与出价</b>
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon10@2x.png">
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon11@2x.png">
          <b>价高者得</b>
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon10@2x.png">
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon12@2x.png">
          <b>支付货款</b>
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon10@2x.png">
        </div>
        <div class="AcutionconDetialComItem">
          <img src="../assets/images/icon13@2x.png">
          <b>获得宝贝</b>
        </div>
      </div>
    </div>
    <!-- 自由拍详情内容结束 -->
  </div>
</template>

<script>
  export default {
    name: '',
    components: {},
    props: [],
    data() {
      return {}
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {
      this.TimeDown("show", 3600000)
    },
    methods: {
      TimeDown(id, value) {
        var that = this
        var totalSeconds = parseInt(value / 1000);
        var modulo = totalSeconds % (60 * 60 * 24);
        var hours = Math.floor(modulo / (60 * 60));
        modulo = modulo % (60 * 60);
        var minutes = Math.floor(modulo / 60);
        var seconds = modulo % 60;
        hours = hours.toString().length == 1 ? '0' + hours : hours;
        minutes = minutes.toString().length == 1 ? '0' + minutes : minutes;
        seconds = seconds.toString().length == 1 ? '0' + seconds : seconds;
        document.getElementById(id).innerHTML = "<span>" + hours  +"</span>"  +"<span>" + minutes +"</span>"  +"<span>" + seconds + "</span>";
        if(hours == "00" && minutes == "00" && parseInt(seconds)-1<0){
        }else{
          setTimeout(function () {
            that.TimeDown(id, value-1000);
          }, 1000)
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import url("../assets/css/basic.css");
  @import url("../assets/css/media.css");
</style>